<aside class="lg-side">
  <div class="panel-heading tab-bg-dark-navy-blue okr-tab-head tab-right "></div>
  <div class="inbox-body mi-h8">
    <div class="row">
      <div class="col-lg-12">
        <section class="panel">
          <header class="panel-heading add-heading">

            <button data-toggle="button" class="btn btn-white" onclick="toLoadHtml(27)">
              <i class="icon-mail-reply (alias)"></i>
              返回
            </button>
            <label class="pull-right" style="font-weight: normal;line-height: 34px;">项目变更信息</label>
          </header>

          <div class="panel-body">
            <div class="bio-row line-row">
              <p>
                变更项目：<c id="projName"></c>
              </p>
            </div>

            <div class="bio-row line-row" id="proName">
              <p>
                项目名称变更前：<c id="oldProName"></c>
              </p>
              <p>
                项目名称变更后：<c id="mproName"></c>
              </p>
            </div>
            <div class="bio-row" id="xsUser">
              <p>
                线索负责人变更前：<c id="oldXsUserName"></c>
              </p>
              <p>
                线索负责人变更后：<c id="xsUserName"></c>
              </p>
            </div>
            <div class="bio-row" id="selUser">
              <p>
                销售经理变更前：<c id="oldSelUserName"></c>
              </p>
              <p>
                销售经理变更后：<c id="selUserName"></c>
              </p>
            </div>
            <div class="bio-row" id="mgUser">
              <p>
                项目经理变更前：<c id="oldMgUserName"></c>
              </p>
              <p>
                项目经理变更后：<c id="mgUserName"></c>
              </p>
            </div>
            <div class="bio-row" id="delUser">
              <p>
                交付经理变更前：<c id="oldDelUserName"></c>
              </p>
              <p>
                交付经理变更后：<c id="delUserName"></c>
              </p>
            </div>
            <div class="bio-row" id="pduUser">
              <p>
                产品经理变更前：<c id="oldPduUserName"></c>
              </p>
              <p>
                产品经理变更后：<c id="pduUserName"></c>
              </p>
            </div>
            <div class="bio-row" id="proState">
              <p>
                项目状态变更前：<c id="oldModifyProState"></c>
              </p>
              <p>
                项目状态变更后：<c id="modifyProState"></c>
              </p>
            </div>
            <div class="bio-row" id="proLv">
              <p>
                优先级变更前：<c id="oldModifyProLv"></c>
              </p>
              <p>
                优先级变更后：<c id="modifyProLv"></c>
              </p>
            </div>
            <div class="bio-row" id="urgency">
              <p>
                紧急性变更前：<c id="oldModifyUrgency"></c>
              </p>
              <p>
                紧急性变更后：<c id="modifyUrgency"></c>
              </p>
            </div>
            <div class="bio-row" id="importance">
              <p>
                重要性变更前： <c id="oldModifyImportance"></c>
              </p>
              <p>
                重要性变更后：<c id="modifyImportance"></c>
              </p>
            </div>
            <div class="bio-row" id="signDate">
              <p>
                预签单日期变更前：<c id="oldProSignDate"></c>
              </p>
              <p>
                预签单日期变更后：<c id="proSignDate"></c>
              </p>
            </div>
            <div class="bio-row" id="hkDate">
              <p>
                预回款日期变更前：<c id="oldProHkDate"></c>
              </p>
              <p>
                预回款日期变更后：<c id="proHkDate"></c>
              </p>
            </div>
            <div class="bio-row line-row" id="proTime">
              <p>
                项目周期变更前：
              </p>
              <p>
                <c id="oldModifyBeginTime"></c>至<c id="oldModifyEndTime"></c>
              </p>
              <p>
                项目周期变更后：
              </p>
              <p>
                <c id="modifyBeginTime"></c>至<c id="modifyEndTime"></c>
              </p>
            </div>
            <div class="bio-row" id="smoney">
              <p>
                销售额变更前：<c id="oldSelMoney"></c>
              </p>
              <p>
                销售额变更后：<c id="selMoney"></c>
              </p>
            </div>
            <div class="bio-row" id="ymoney">
              <p>
                客户预算变更前：<c id="oldYsMoney"></c>
              </p>
              <p>
                客户预算变更后：<c id="ysMoney"></c>
              </p>
            </div>
            <div class="bio-row" id="deptId">
              <p>
                所属部门变更前： <c id="oldModifyDeptId"></c>
              </p>
              <p>
                所属部门变更后：<c id="modifyDeptId"></c>
              </p>
            </div>
            <div class="bio-row" id="proArea">
              <p>
                项目区域变更前： <c id="oldModifyArea"></c>
              </p>
              <p>
                项目区域变更后：<c id="modifyArea"></c>
              </p>
            </div>
            <div class="bio-row line-row" id="cusId">
              <p>
                客户名称变更前：<c id="oldModifyCusId"></c>
              </p>
              <p>
                客户名称变更后：<c id="modifyCusId"></c>
              </p>
            </div>
            <div class="bio-row" id="compare">
              <p>
                比拼类测试变更前：<c id="oldModifyCompare"></c>
              </p>
              <p>
                比拼类测试变更后：<c id="modifyCompare"></c>
              </p>
            </div>
            <div class="bio-row line-row" id="pdLine">
              <p>
                产品线变更前：
              </p>
              <p>
                <c id="oldModifyPdLine"></c>
              </p>
              <p>
                产品线变更后：
              </p>
              <p>
                <c id="modifyPdLine"></c>
              </p>
            </div>
            <div class="bio-row line-row" id="clues">
              <p>
                线索价值点描述变更前：
              </p>
              <p>
                <c id="oldModifyClue"></c>
              </p>
              <p>
                线索价值点描述变更后：
              </p>
              <p>
                <c id="modifyClue"></c>
              </p>
            </div>
            <div class="bio-row line-row" id="ompetitor">
              <p>
                竞争信息变更前：
              </p>
              <p>
                <c id="oldModifyCompetitor"></c>
              </p>
              <p>
                竞争信息变更后：
              </p>
              <p>
                <c id="modifyCompetitor"></c>
              </p>
            </div>

            <div class="bio-row line-row" id="cusPolicy">
              <p>
                决策链和关键描述变更前：
              </p>
              <p>
                <c id="oldModifyCusPolicy"></c>
              </p>
              <p>
                决策链和关键描述变更后：
              </p>
              <p>
                <c id="modifyCusPolicy"></c>
              </p>
            </div>

            <div class="bio-row line-row">
              <p>变更说明</p>
              <p>
                <c id="changeMessage"></c>
              </p>
            </div>
          </div>

        </section>
      </div>
    </div>
  </div>
</aside>
<script type="text/javascript">
  function formatTime(param) {
    var date = new Date(param);
    var content = $.fn.dlshouwen.grid.tools.dateFormat(date, "yyyy-MM-dd");
    return content;
  }

  function ckDetail(stepId) {
    $("#proName").hide();
    $("#xsUser").hide();
    $("#selUser").hide();
    $("#mgUser").hide();
    $("#delUser").hide();
    $("#pduUser").hide();
    $("#proState").hide();
    $("#proLv").hide();
    $("#urgency").hide();
    $("#importance").hide();
    $("#signDate").hide();
    $("#hkDate").hide();
    $("#proTime").hide();
    $("#smoney").hide();
    $("#ymoney").hide();
    $("#deptId").hide();
    $("#proArea").hide();
    $("#cusId").hide();
    $("#pdLine").hide();
    $("#compare").hide();
    $("#clues").hide();
    $("#ompetitor").hide();
    $("#cusPolicy").hide();

    $certusUtils.ajax('findLastModify', { "stepId": stepId }, function (response) {
      var data = response.data.bgInfos;
      $("#projName").html(response.data.projName);

      if (data.modifyProName != undefined) {
        $("#proName").show();
        $("#oldProName").html(data.oldProName);
        $("#mproName").html(data.modifyProName);
      }
      if (data.xsUserName != undefined) {
        $("#xsUser").show();
        $("#oldXsUserName").html(data.oldXsUserName);
        $("#xsUserName").html(data.xsUserName+"("+data.xsUserId+")");
      }
      if (data.selUserName != undefined) {
        $("#selUser").show();
        $("#oldSelUserName").html(data.oldSelUserName);
        $("#selUserName").html(data.selUserName+"("+data.selUserId+")");
      }
      if (data.mgUserName != undefined) {
        $("#mgUser").show();
        $("#oldMgUserName").html(data.oldMgUserName);
        $("#mgUserName").html(data.mgUserName+"("+data.mgUserId+")");
      }
      if (data.delUserName != undefined) {
        $("#delUser").show();
        $("#oldDelUserName").html(data.oldDelUserName);
        $("#delUserName").html(data.delUserName+"("+data.delUserId+")");
      }
      if (data.pduUserName != undefined) {
        $("#pduUser").show();
        $("#oldPduUserName").html(data.oldPduUserName);
        $("#pduUserName").html(data.pduUserName+"("+data.pduUserId+")");
      }
      if (data.modifyProState != undefined) {
        $("#proState").show();
        if (data.oldModifyProState == "1") {
          $("#oldModifyProState").html("运行中");
        } else if (data.oldModifyProState == "2") {
          $("#oldModifyProState").html("已关闭");
        } else if (data.oldModifyProState == "3") {
          $("#oldModifyProState").html("已完结");
        } else if (data.oldModifyProState == "4") {
          $("#oldModifyProState").html("已暂停");
        }

        if (data.modifyProState == "1") {
          $("#modifyProState").html("运行中");
        } else if (data.modifyProState == "2") {
          $("#modifyProState").html("已关闭");
        } else if (data.modifyProState == "3") {
          $("#modifyProState").html("已完结");
        } else if (data.modifyProState == "4") {
          $("#modifyProState").html("已暂停");
        }
      }

      if (data.modifyProLv != undefined) {
        $("#proLv").show();
        if (data.oldModifyProLv == "1") {
          $("#oldModifyProLv").html("低");
        } else if (data.oldModifyProLv == "2") {
          $("#oldModifyProLv").html("中");
        } else if (data.oldModifyProLv == "3") {
          $("#oldModifyProLv").html("高");
        }

        if (data.modifyProLv == "1") {
          $("#modifyProLv").html("低");
        } else if (data.modifyProLv == "2") {
          $("#modifyProLv").html("中");
        } else if (data.modifyProLv == "3") {
          $("#modifyProLv").html("高");
        }
      }

      if (data.modifyUrgency != undefined) {
        $("#urgency").show();
        if (data.oldModifyUrgency == "1") {
          $("#oldModifyUrgency").html("紧急");
        } else if (data.oldModifyUrgency == "0") {
          $("#oldModifyUrgency").html("不紧急");
        }

        if (data.modifyUrgency == "1") {
          $("#modifyUrgency").html("紧急");
        } else if (data.modifyUrgency == "0") {
          $("#modifyUrgency").html("不紧急");
        }
      }

      if (data.modifyImportance != undefined) {
        $("#importance").show();
        if (data.modifyImportance == "0") {
          $("#modifyImportance").html("一般");
        } else if (data.modifyImportance == "1") {
          $("#modifyImportance").html("重要");
        } else {
          $("#modifyImportance").html("战略");
        }

        if (data.oldModifyImportance == "0") {
          $("#oldModifyImportance").html("一般");
        } else if (data.oldModifyImportance == "1") {
          $("#oldModifyImportance").html("重要");
        } else {
          $("#oldModifyImportance").html("战略");
        }
      }

      if (data.proSignDate != undefined) {
        $("#signDate").show();
        $("#oldProSignDate").html(formatTime(data.oldProSignDate));
        $("#proSignDate").html(formatTime(data.proSignDate));
      }

      if (data.proHkDate != undefined) {
        $("#hkDate").show();
        $("#oldProHkDate").html(formatTime(data.oldProHkDate));
        $("#proHkDate").html(formatTime(data.proHkDate));
      }

      if (data.modifyEndTime != undefined) {
        $("#proTime").show();
        $("#modifyBeginTime").html(formatTime(data.modifyBeginTime));
        $("#modifyEndTime").html(formatTime(data.modifyEndTime));

        $("#oldModifyBeginTime").html(formatTime(data.oldModifyBeginTime));
        $("#oldModifyEndTime").html(formatTime(data.oldModifyEndTime));
      }

      if (data.selMoney != undefined) {
        $("#smoney").show();
        $("#oldSelMoney").html(data.oldSelMoney);
        $("#selMoney").html(data.selMoney);
      }

      if (data.ysMoney != undefined) {
        $("#ymoney").show();
        $("#oldYsMoney").html(data.oldYsMoney);
        $("#ysMoney").html(data.ysMoney);
      }

      if (data.modifyDeptId != undefined) {
        $("#deptId").show();
        $("#oldModifyDeptId").html(data.oldModifyDeptName);
        $("#modifyDeptId").html(data.modifyDeptName);
      }

      if (data.modifyArea != undefined) {
        $("#proArea").show();
        $("#oldModifyArea").html(data.oldModifyArea);
        $("#modifyArea").html(data.modifyArea);
      }

      if (data.modifyCusId != undefined) {
        $("#cusId").show();
        $("#oldModifyCusId").html(data.oldModifyCusName);
        $("#modifyCusId").html(data.modifyCusName);
      }

      if (data.modifyPdLine != undefined) {
        $("#pdLine").show();
        $("#oldModifyPdLine").html(data.oldModifyPdLineName);
        $("#modifyPdLine").html(data.modifyPdLineName);
      }

      if (data.modifyCompare != undefined) {
        $("#compare").show();
        if (data.oldModifyCompare == 0) {
          $("#oldModifyCompare").html("否");
        } else {
          $("#oldModifyCompare").html("是");
        }
        if (data.modifyCompare == 0) {
          $("#modifyCompare").html("否");
        } else {
          $("#modifyCompare").html("是");
        }
      }

      if (data.modifyClue != undefined) {
        $("#clues").show();
        $("#oldModifyClue").html(data.oldModifyClue);
        $("#modifyClue").html(data.modifyClue);
      }

      if (data.modifyCompetitor != undefined) {
        $("#ompetitor").show();
        $("#oldModifyCompetitor").html(data.oldModifyCompetitor);
        $("#modifyCompetitor").html(data.modifyCompetitor);
      }

      if (data.modifyCusPolicy != undefined) {
        $("#cusPolicy").show();
        $("#oldModifyCusPolicy").html(data.oldModifyCusPolicy);
        $("#modifyCusPolicy").html(data.modifyCusPolicy);
      }
      $("#changeMessage").html(data.changeMessage);
    });
  }
</script>